/*首页样式文件*/
.header, .banner, .main1, .main2, .main3, .main4, .main5, .footer{
	width: 1440px;
	/* height: 170px;	后期可删除 */
	/* background: #e5e5e5; */
	margin: 0 auto;
}
.header .content, .main1 .content, .main2 .content, .main3 .content, .main4 .content, .main5 .content, .footer .content{
	width: 1000px;
	/* height: 170px;	 */
	/* background: rgba(0,0,0,.1); */
	margin: 0 auto;
}
.header .content .logo{
	margin-top: 14px;
	display: inline-block;	/*记得设置a标签为：行级块状元素*/
}
.header .content .menu{	/*右边的菜单DIV，包含里面的3个a标签*/
	margin-top: 16px;
	color: #a3a3a3;
	line-height: 24px;
}
.header .content .menu a{
	color: #a3a3a3;
}
.header .content .menu a i{  /*收藏左边的五角星*/
	font-family: "iconfont";
	color: #f6e594;
	font-size: 24px;
}
.header .content .search{
	margin-top: 22px;
}
/*输入框*/
.header .content .search .text{
	width: 230px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #cccccc;
	text-indent: 10px;	/*文字缩进*/
}
/*搜索按钮*/
.header .content .search .sub{
	font-family: "iconfont";
	width: 50px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #0195df;
	font-size: 18px;	/*图标大小*/
}
.header .nav {
	margin-top: 12px;
}
.header .nav ul li {
	float: left;
	/* padding: 0 17px; */
	height: 50px; 
	line-height: 50px;
	margin-right: 30px;
	font-size: 14px;
}
/* :first-child选择元素的第一个 */
.header .nav ul li:first-child{
	margin-left: 14px;
}
/* :last-child选择元素最后一个 */
.header .nav ul li:last-child{
	margin-right: 0;
}
.header .nav ul li a {
	color: #808080;
	padding: 0 17px;
	display: inline-block;
}
.header .nav ul li:hover {
	background: #0195df;
}
.header .nav ul li:hover a{
	color: #fff;
}
.main1 .content {
	height: 355px;
	padding-top: 66px;
}
.main1 .box {
	width: 150px;
	text-align: center;
	margin-right: 133px;
}
/* :nth-child()选择第几个元素 */
.main1 .box:nth-child(4) {
	margin-right: 0!important;
}
.main1 .box h1 {
	font-size: 24px;
	margin-top: 23px;
	margin-bottom: 18px;
}
.main1 .box p {
	margin-bottom: 7px;
}
.main2 .article {
	width: 405px;
}
.main2 .article h1 {
	text-align: center;
	font-size: 24px;
	margin-top: 33px;
}
.main2 .article .en {
	text-align: center;
	color: #808080;
	margin: 7px 0 14px;
}
.main2 .article .desc {
	text-indent: 2em;   /*段落缩进2个字体*/
	line-height: 24px;
}
.main2 .video {
	position: relative;
}
.main2 .video .mask {
	width: 340px;
	height: 255px;
	line-height: 255px;
	background: rgba(0,0,0,.5);
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}
.main2 .video .mask .play {
	font-family: 'iconfont';
	font-size: 60px;
}
.main3 {
	background: #faf9f9;
}
.main3 .content {
	height: 524px;
}
.main .title{
	width: 332px;
	/* background: red; */
	margin: 0 auto 64px;
	padding-top: 57px;
	position: relative;
}
.main .title h1 {
	font-size: 24px;
	text-align: center;	
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.main .title .line {
	width: 73px;
	height: 5px;
	background: #0195df;
	border-radius: 5px;
	position: absolute;
	top: 96.5px;
	left: 50%;
	margin-left: -36.6px;
}
.main .title p {
	line-height: 22px;
}
.main .title .en {
	text-align: center;
	color: #808080;
}
.main .title .more {
	text-align: center;
	font-size: 16px;
	color: #7f7f7f;
	font-weight: 600;  /*字体加粗*/
}
.main3 .left-pic {
	width: 441px;
	display: inline-block;
}
.main3 .left-pic ul {
	width: 78px;
	margin: 0 auto;
	margin-top: 10px;
}
.main3 .left-pic ul li {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #0195df;
	float: left;
	margin-right: 10px;
}
.main3 .left-pic li:last-child {
	margin-right: 0;
}
.main3 .left-pic ul li:hover{
	background: #ffd304;
	cursor: pointer;    /*鼠标经过加手型*/
}
.main3 .right-list {
	width: 460px;
	/* background: #f6e594; */
}
.main3 .list h3 {
	font-size: 18px;
	border-bottom: 1px dotted #808080;
	padding-bottom: 7px;
	position: relative;
	margin-top: 30px;
}
.main3 .list h3 span {
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: 5px;
}
.main3 .right-list .list p {
	color: #808080;
	line-height: 20px;
	margin-top: 3px;
}
.main4 .box {
	width: 300px;
	margin-right: 49px;
	transition: all .5s linear 0.1s;
	overflow: hidden;
}
.main4 .box:hover{
	transform: translateY(-5px);
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.main4 .last {
	margin-right: 0!important;
}
.main4 .box .list {
	margin-top: 37px;
}
.main4 .box .list .time {
	width: 60px;
	height: 60px;
	border: 1px solid #dcdcdc;
	position: relative;
	margin-right: 15px;
	margin-left: 2px;
}
.main4 .box .list .time .year {
	width: 40px;
	height: 78px;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -20px;
	background: #fff;
	color: #000;
	text-align: center;
}
.main4 .box .list .time .date {
	width: 80px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 50%;
	left: -9px;
	margin-top: -20px;
	background: #fff;
	font-size: 16px;
	color: #000;
	text-align: center;
	margin-top: -20px;
}
.main4 .box .list h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
.main4 .box .list .text {
	width: 206px;
}
.main4 .box .list .text p {
	color: #909090;
	line-height: 18px;
}
.main5 .nice {
	width: 208px;
	margin-right: 52px;
}
.main5 .la{
	margin-right: 0;
}
.main5 .pic {
	width: 208px;
}
.main5 .pic h3 {
	font-size: 16px;
	text-align: center;
	height: 46px;
	line-height: 46px;
	color: #0195df;
}
.main5 .pic h3 span {
	font-size: 10px;
	font-weight: 300px;
}
.main5 .text {
	width: 195px;
	/* background: #ffd304; */
}
.main5 .text h3 {
	text-align: center;
	padding-top: 20px;
	margin-bottom: 7px;
}
.main5 .text p {
	color: #808080;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.footer {
	background: #0195df;
	margin-top: 66px;
}
.footer .content {
	padding: 63px 0;
	color: #fff;
}
.footer .contact {
	width: 225px;
	/* height: 100px;
	background: #ffd304; */
	margin-left: 150px;
}
.footer .content h3 {
	font-size: 16px;
	line-height: 40px;
	margin-bottom: 4px;
}
.footer .content h3 i {
	font-family: "iconfont";
	font-size: 37px;
	float: left;
}
.footer .content table td {
	font-size: 13px;
}
.footer .contact p {
	font-size: 10px;
	line-height: 16px;
	margin-top: 4px;
}
.footer .line {
	width: 1px;
	height: 124px;
	background: #4eb5e9;	
	margin: 48px 52px 0;
}
.footer .flink {
	width: 134px;
	/* height: 100px;
	background: #000 */
}
.footer .flink h3 {
	font-size: 16px;
	margin-bottom: 6px;
}
.footer .flink p {
	line-height: 20px;
}
.footer .flink img {
	float: left;
	margin-top: 10px;
	margin-right: 6px;
}
.footer .focus {
	width: 123px;
}
.footer .focus h3 {
	margin-bottom: 8px;
}

/* 平板页面 */
@media screen and (max-width: 992px){
	.header .content, .main1 .content, .main2 .content, .main3 .content, .main4 .content, .main5 .content, .footer .content{
	width: 992px;
	}
	.header .nav ul li a {
		padding: 0 16px;
	}
	.main1 .box {
		margin-right: 130px;
	}
	.main4 .box {
		margin-right:46px; 
	}
}